{% extends "base.html" %}
{% block extra_js %}
<script type="text/javascript">
  $(function() {
    $("#tabs").tabs();
    $("#ptabs").tabs();
  });
</script>
{% endblock %}
{% block content %}
<h1>{{ titulo }}</h1>
<p class="mensaje">
{{mensaje}}
</p>
<div id="ptabs">
    <ul>
    <li><a href="#ptabs-1">Permanente</a></li>
    <li><a href="#ptabs-2">No Permanente</a></li>
    </ul>
    <div id="ptabs-1">
        <div>
            <input type="radio" name="regimen" onclick="javascript:conf('');" checked value="conf">Confinado
            <input type="radio" name="regimen" onclick="javascript:semiconf('');" value="semiconf" >Semiconfinado
            <input type="radio" name="regimen" onclick="javascript:libre('');" value="libre" >Libre
        </div>
        <div id="conf" >
            <div class="eq"><img src="/igs/media/images/eqpacc.gif" /></div>
            <table class="gctable">
                <tr>
                    <td>{{ formacpc.Q.label_tag }}<div>{{ formacpc.Q }} {{ formacpc.QU }}</div></td>
                    <td>{{ formacpc.T.label_tag }}<div>{{ formacpc.T }} {{ formacpc.TU }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacpc.R.label_tag }}<div>{{ formacpc.R }} {{ formacpc.Ru }}</div></td>
                    <td>{{ formacpc.r.label_tag }}<div>{{ formacpc.r }} {{ formacpc.ru }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacpc.s.label_tag }}<div>{{ formacpc.s }} {{ formacpc.su }}</div></td>
                </tr>
                <tr>
                    <td><div class="error"></div></td>
                </tr>
                <tr>
                    <td><input type="submit" value="Calcular" onclick="javascript:calcAcPC();" /></td>
                    <td><input type="reset" value="Borrar Datos" onclick="javascript:del();" style="width: 90px;" /></td>
                </tr>
            </table>
        </div>
        <div id="semiconf" style="display: none;" >
            <div class="eq"><img src="/igs/media/images/eqpacsc.gif"/></div>

            <table class="gctable">
                <tr>
                    <td>{{ formacpsc.Q.label_tag }}<div>{{ formacpsc.Q }} {{ formacpsc.QU }}</div></td>
                    <td>{{ formacpsc.T.label_tag }}<div>{{ formacpsc.T }} {{ formacpsc.TU }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacpsc.rp.label_tag }}<div>{{ formacpsc.rp }} {{ formacpsc.rpu }}</div></td>
                    <td>{{ formacpsc.r.label_tag }}<div>{{ formacpsc.r }} {{ formacpsc.ru }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacpsc.kp.label_tag }}<div>{{ formacpsc.kp }} {{ formacpsc.kpU }}</div></td>
                    <td>{{ formacpsc.bp.label_tag }}<div>{{ formacpsc.bp }} {{ formacpsc.bpu }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacpsc.B.label_tag }}<div>{{ formacpsc.B }} {{ formacpsc.Bu }}</div></td>
                    <td>{{ formacpsc.s.label_tag }}<div>{{ formacpsc.s }} {{ formacpsc.su }}</div></td>
                </tr>
                <tr>
                    <td><input type="submit" value="Calcular" onclick="javascript:calcAcPSC();" /></td>
                    <td><input type="reset" value="Borrar Datos" onclick="javascript:del();" style="width: 90px;" /></td>
                </tr>
            </table>
        </div>
        <div id="libre" style="display: none;">
            <div class="eq"><img src="/igs/media/images/eqpacl.gif"/></div>
            <table class="gctable">
                <tr>
                    <td>{{ formacpl.Q.label_tag }}<div>{{ formacpl.Q }} {{ formacpl.QU }}</div></td>
                    <td>{{ formacpl.k.label_tag }}<div>{{ formacpl.k }} {{ formacpl.kU }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacpl.R.label_tag }}<div>{{ formacpl.R }} {{ formacpl.Ru }}</div></td>
                    <td>{{ formacpl.ro.label_tag }}<div>{{ formacpl.ro }} {{ formacpl.rou }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacpl.h.label_tag }}<div>{{ formacpl.h }} {{ formacpl.hu }}</div></td>
                    <td>{{ formacpl.s.label_tag }}<div>{{ formacpl.s }} {{ formacpl.su }}</div></td>
                </tr>
                <tr>
                    <td><input type="submit" value="Calcular" onclick="javascript:calcAcPL();" /></td>
                    <td><input type="reset" value="Borrar Datos" onclick="javascript:del();" style="width: 90px;" /></td>
                </tr>
            </table>
        </div>
    </div>
    <div id="ptabs-2">
        <div>
            <input type="radio" name="noperm" onclick="javascript:conf('noperm');" checked value="conf">Confinado
            <input type="radio" name="noperm" onclick="javascript:semiconf('noperm');" value="semiconf" >Semiconfinado
            <input type="radio" name="noperm" onclick="javascript:libre('noperm');" value="libre" >Libre
        </div>
        <div id="nopermconf" >
            <div class="eq"><img src="/igs/media/images/eqnopacc.gif" /> &nbsp; <img src="/igs/media/images/eqnopu.gif"/></div>
            <table class="gctable">
                <tr>
                    <td>{{ formacnopc.Q.label_tag }}<div>{{ formacnopc.Q }} {{ formacnopc.QU }}</div></td>
                    <td>{{ formacnopc.T.label_tag }}<div>{{ formacnopc.T }} {{ formacnopc.TU }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopc.S.label_tag }}<div>{{ formacnopc.S }} {{ formacnopc.Su }}</div></td>
                    <td>{{ formacnopc.r.label_tag }}<div>{{ formacnopc.r }} {{ formacnopc.ru }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopc.s.label_tag }}<div>{{ formacnopc.s }} {{ formacnopc.su }}</div></td>
                    <td>{{ formacnopc.t.label_tag }}<div>{{ formacnopc.t }} {{ formacnopc.tu }}</div></td>
                </tr>
                <tr>
                    <td><div class="error"></div></td>
                </tr>
                <tr>
                    <td><input type="submit" value="Calcular" onclick="javascript:calcAcNoPC();" /></td>
                    <td><input type="reset" value="Borrar Datos" onclick="javascript:del();" style="width: 90px;" /></td>
                </tr>
            </table>
        </div>
        <div id="nopermsemiconf" style="display: none;" >
            <div class="eq"><img src="/igs/media/images/eqnopacsc.gif"/> &nbsp; <img src="/igs/media/images/eqnopu.gif"/></div>

            <table class="gctable">
                <tr>
                    <td>{{ formacnopsc.Q.label_tag }}<div>{{ formacnopsc.Q }} {{ formacnopsc.QU }}</div></td>
                    <td>{{ formacnopsc.T.label_tag }}<div>{{ formacnopsc.T }} {{ formacnopsc.TU }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopsc.S.label_tag }}<div>{{ formacnopsc.S }} {{ formacnopsc.Su }}</div></td>
                    <td>{{ formacnopsc.r.label_tag }}<div>{{ formacnopsc.r }} {{ formacnopsc.ru }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopsc.kp.label_tag }}<div>{{ formacnopsc.kp }} {{ formacnopsc.kpu }}</div></td>
                    <td>{{ formacnopsc.bp.label_tag }}<div>{{ formacnopsc.bp }} {{ formacnopsc.bpu }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopsc.B.label_tag }}<div>{{ formacnopsc.B }} {{ formacnopsc.Bu }}</div></td>
                    <td>{{ formacnopsc.t.label_tag }}<div>{{ formacnopsc.t }} {{ formacnopsc.tu }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopsc.s.label_tag }}<div>{{ formacnopsc.s }} {{ formacnopsc.su }}</div></td>
                </tr>
                <tr>
                    <td><div class="error"></div></td>
                </tr>
                <tr>
                    <td><input type="submit" value="Calcular" onclick="javascript:calcAcNoPSC();" /></td>
                    <td><input type="reset" value="Borrar Datos" onclick="javascript:del();" style="width: 90px;" /></td>
                </tr>
            </table>
        </div>
        <div id="nopermlibre" style="display: none;">
            <div class="eq"><img src="/igs/media/images/eqnopacl.gif"/> &nbsp; <img src="/igs/media/images/eqnopu2.gif"/></div>
            <table class="gctable">
                <tr>
                    <td>{{ formacnopl.Q.label_tag }}<div>{{ formacnopl.Q }} {{ formacnopl.QU }}</div></td>
                    <td>{{ formacnopl.k.label_tag }}<div>{{ formacnopl.k }} {{ formacnopl.kU }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopl.S.label_tag }}<div>{{ formacnopl.S }} {{ formacnopl.Su }}</div></td>
                    <td>{{ formacnopl.r.label_tag }}<div>{{ formacnopl.r }} {{ formacnopl.ru }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopl.h.label_tag }}<div>{{ formacnopl.h }} {{ formacnopl.hu }}</div></td>
                    <td>{{ formacnopl.t.label_tag }}<div>{{ formacnopl.t }} {{ formacnopl.tu }}</div></td>
                </tr>
                <tr>
                    <td>{{ formacnopl.s.label_tag }}<div>{{ formacnopl.s }} {{ formacnopl.su }}</div></td>
                </tr>
                <tr>
                    <td><input type="submit" value="Calcular" onclick="javascript:calcAcNoPL();" /></td>
                    <td><input type="reset" value="Borrar Datos" onclick="javascript:del();" style="width: 90px;" /></td>
                </tr>
            </table>
        </div>
    </div>
</div>
<br />
<p class="ayuda">
{{ ayuda }}
<p>
{% endblock %}
